@import 'form.css';

* {
   padding:0;
   margin:0;
   list-style:none;
   text-decoration:none;
   font-style:normal;
}

:focus {outline:0;}

body {
   color:#555;
   font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:18px;
}

a img {border:none;}

a {
   color:#222;
   font-weight:bold;
   font-size: 12px;
}

.tit-page { /** titulo das páginas **/
   margin-bottom:10px;
   border-left:4px solid #069;
   padding:5px 0px 5px 10px;
   border-bottom:1px dotted #eee;
   border-right:1px dotted #eee;
   border-top:1px dotted #eee;
}

.tit-page h2 {
    color:#069;
    font-size:16px;
}

/*********************************************
* MENU TOPO 
********************************************/
.menu-topo-tudo {
    width: 100%;
    height: 30px;
    background:url(../img/bg-tb-default.png) 50% 50% repeat-x;
    /*border-bottom: 1px solid #ccc;*/
   -webkit-box-shadow: 0px 0px 5px #666;
   -moz-box-shadow: 0px 0px 5px #666;
   box-shadow: 0px 0px 5px #666;
}

.menu-topo {
    width: 900px;
    margin: 0 auto;
    position: relative;
    text-align: right;
    padding-top: 5px;
}

.menu-topo li {
    display: inline;
    margin-left: 10px;
}


/*********************************************
* DIV TUDO                                  * 
********************************************/
#tudo {
   width:900px;
   margin:0 auto;
}

/*********************************************
* DIV TOPO                                 * 
********************************************/
#topo {
   border-bottom:1px dotted #ccc;
   margin-bottom:10px;
   height:75px;
   margin-top:20px;
   position:relative;
}

/** LOGO **/
#logo {
    display:block;
    width:180px;
    height:69px;
    position:absolute;
    left:0px;
    background: url(../img/cev-logo.png) no-repeat;
}

#logo h1 {
    text-indent: -9999em;
}

/*********************************************
* DIV MENU PRINCIPAL                         * 
********************************************/
#menu-principal {
    width:650px;
    height:40px;
    position: absolute;
    left: 210px;
    top: 20px;
}

#menu-principal li {
    display:inline;
    margin-right:10px;
}

#menu-principal a {
    padding:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
}

#menu-principal ul li a:hover {
   border:1px solid #666;
   -webkit-box-shadow:0 0 3px #999;
   -moz-box-shadow:0 0 3px #999;
   box-shadow:0 0 3px #999;
}

#menu-principal ul li.active a {border: 1px solid #eee;}

#menu-painel {background:url(../img/icones/icon-mPrincipalPainel.png) 5px 50% no-repeat; padding-left:30px !important; }
#menu-relatorio {background:url(../img/icones/icon-mPrincipalRelatorios.png) 5px 50% no-repeat; padding-left:30px !important; }
#menu-admin {background:url(../img/icones/icon-mPrincipalAdmin.png) 5px 50% no-repeat; padding-left:30px !important; }


/*********************************************
 MENU LATERAL 
********************************************/
#menu {
    width:220px;
    float:left;
    margin-right:15px;
}

#menu h3 {padding:0;}

a.menu-historico {background:url(../img/icones/icon-menuhistorico.png) 5px 50% no-repeat; padding-left:35px !important;}
a.menu-tarefas {background:url(../img/icones/icon-menutarefas.png) 5px 50% no-repeat; padding-left:35px !important;}
a.menu-projetos {background:url(../img/icones/icon-menuprojetos.png) 5px 50% no-repeat; padding-left:35px !important;}
a.menu-servicos {background:url(../img/icones/icon-menuservicos.png) 5px 50% no-repeat; padding-left:35px !important;}

#menu ul li {
    margin-bottom:5px;
    display:block;
    color:#666;
    font-size:12px;
    border-bottom:1px dotted #ccc;
    padding-bottom:5px;
}

#menu ul li a {font-size:12px;}

.historico-home li {min-height:35px;}

span.num {
    float:right;
    background-color:#eee;
    color:#222;
    padding:0 4px;
    font-size:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:3px 5px 0 0;
}

.menu-cliente {
    font-size:11px !important;
    color:#222 !important;
}

a.menu-projetos-link {
    display: block;
    color:#888 !important;
}

ul.menu-projetos-cliente {margin-left:15px;}

ul.menu-projetos-cliente li {
    margin:2px 0px !important;
    padding-bottom:0px !important;
    border:none !important;
}

.ver-todos {
    display:block;
    text-align:right;
    font-size:10px;
    text-transform:uppercase;
    border-bottom:1px dotted #ccc;
    margin-bottom:7px;
}

.ver-todos:hover {color:#000;}

/*********************************************
* DIV CONTENT                               * 
********************************************/
#content {
   width:900px;
   padding:10px 0px 20px 0px;
   overflow: hidden;
}

#conteudo {
    width:660px;
    float:right;
}

/** tabelas **/
table {
   width:100%;
   border-collapse:collapse;
   text-shadow:0px 1px 0px #fff;
}

caption {
   font-size:14px;
   font-weight:bold;
   color:#222;
   margin-bottom:3px;
}

td.op, th.op {width:140px;}
td.id, th.id {width:20px;}

tr th {
   color: #222;
   background: url(../img/bg-tb-thead.png) 50% 50% repeat-x;
   font-size: 14px;
   border-bottom: 1px solid #d1d1d1;
   text-align: left;
   padding: 12px 15px;
}

td {
    padding:6px 12px;
    background: url(../img/bg-tb-default.png) 50% 50% repeat-x;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d1d1d1;
    font-size:12px;
    color: #555;
}

.querySupport {background: none;} /* td grid */

tbody a {color:#555 !important;}

.tarefa-atrasada td,.situacao_C td {
    background: url(../img/bg-tb-red.png) 50% 50% repeat-x !important;
    border-bottom: 1px solid #e4c5c5 !important;
}

.tarefa-alerta td,.situacao_A td {
    background:url(../img/bg-tb-yellow.png) 50% 50% repeat-x !important;
    border-bottom: 1px solid #dcd5b6;
}

.situacao_F td {
    background: url(../img/bg-tb-green.png) 50% 50% repeat-x;
    border-bottom: 1px solid #b4cab4;
}

.situacao_N{ background-color: #CDC9C9; }

tfoot tr td {
   text-align:center;
   font-size:11px;
   font-style:italic;
   border:none;
}

/** tarefas **/
div.tarefa {
    width:100%;
    clear:both;
    margin:10px 0px 20px 0px;
}

.tarefa strong {color:#069;}

.tarefa ul li {
   border-bottom:1px dotted #eee;
   margin-bottom:5px;
   padding:2px 0px 2px 10px;
}

.tarefa form {margin-bottom:40px;}

/** filtro de tarefas **/
div.filtro {
   width:100%;
   height:25px;
}

div.filtro ul {
   text-align:right;
}

div.filtro ul li {
   display:inline;
   margin-right:20px;
}

div.filtro ul li a {font-size:11px;}
div.filtro ul li a:hover {text-decoration:underline;}


/** TITULOS **/
.titulo-tarefa, .titulo-projeto {
    width:898px;
    border:1px solid #eee;
    background-color#f7f7f7;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    clear:both;
    position: relative;
    margin-bottom: 10px;
}

.titulo-tarefa {height:50px;}
.titulo-projeto {height: 80px;}

.titulo-tarefa h3, .titulo-projeto h3 {
    color:#333;
    font-size:18px;
    margin-bottom: 3px;
}

.titulo-tarefa span {font-size:11px;}

.titulo-tarefa div, .titulo-projeto div {
   position: absolute;
   top: 10px;
   left: 15px;
}

.bt-congelar-tarefa {
    position:absolute;
    top: 17px;
    right: 217px;
}
.bt-encaminhar-tarefa {
    position:absolute;
    top: 17px;
    right: 15px;
}

.bt-entrar-tarefa {
    position:absolute;
    top: 17px;
    right: 227px;
}

.bt-finalizar-tarefa, .bt-iniciar-tarefa {
    position: absolute;
    top: 17px;
    right: 125px;
}

.filtro-tarefas {
    position: absolute;
    right: 15px;
    top: 55px;
}

.filtro-tarefas li {
    display: inline;
    margin-left: 10px;
}

.filtro-tarefas a {
    font-size:10px;
    color: #999;
}

.filtro-tarefas a:hover {color: #444;}
/*********************************************
* DIV RODAPE                                * 
********************************************/
#rodape {
   clear:both;
   width:900px;
   height:30px;
   border-top:1px solid #ccc;
   padding-top:5px;
}

#rodape address {
   text-align:center;
   font-size:10px;
   color:#666;
}

/*********************************************
* jQuery UI                                 *
********************************************/
.ui-icon {
    float:left;
    margin-right:5px;
}

#menu h3 span.ui-icon {display:none;}

.ui-accordion-content {
    padding:10px !important;
}

.tooltip {
    display:none;
    background:transparent url(images/black.png);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff; 
}

/*********************************************
 MENSAGENS
********************************************/
#error {
    padding:7px;
    margin-bottom:15px;
    color:#666;
}

#error .ui-icon {
    float: left;
    margin-right: 0.3em;
}


#div-direita {
    width: 50%;
    float: right;
}
#div-esquerda {
    width: 50%;
    float: left;
}